@content-background: #FFF;
@gap: 8px;
@times: 1, 2, 3, 4, 5, 6;

.header-button {
  margin-top: 20px;
}

.main-wrapper {
  margin: 0 48px 24px;
  border-radius: 4px;
  padding: 24px 0 0;
  background: @content-background;
}

.app-logo {
  height: 50px;
}

.app-header {
  text-align: center;
  background: @content-background;
  padding: 50px 0 0 0
}
.app-content{
  background: @content-background;
  padding: 70px 0
}
.app-footer{
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.app-footer span{
  margin-right: 10px;
}
.app-footer a{
  margin-left: 10px;
  color: rgba(0,0,0,.65);
}
.make-gap-classes(@i: length(@times)) when (@i > 0) {
  .make-gap-classes(@i - 1);
  @time: extract(@times, @i);
  .margin-l-@{time} {
    margin-left: @gap * @time;
  }

  .margin-r-@{time} {
    margin-right: @gap * @time;
  }

  .margin-t-@{time} {
    margin-top: @gap * @time;
  }

  .margin-b-@{time} {
    margin-bottom: @gap * @time;
  }
}

.make-gap-classes();

.mark-down-wrap {
  padding: @gap*2;
  background: #fbfbfb;
  border: #e9e9e9 1px solid;
  border-radius: 4px;
}
.hide-sub-checkbox  .ant-checkbox{
  display: none!important;
}
.hide-sub-checkbox .ant-transfer-list{
  height: 400px;
  width: 200px
}